.gourcefx-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:linear-gradient(180deg,#fff,#f2f2f2);color:#333;font:500 12px/1.2 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;cursor:pointer;box-shadow:0 1px 1px rgba(0,0,0,.08);transition:transform .15s ease,box-shadow .15s ease}
.gourcefx-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.gourcefx-toolbar{display:flex;gap:.5rem;align-items:center;margin:.4rem 0 .8rem 0}

.gourcefx-overlay{position:fixed;inset:0;background:radial-gradient(60% 120% at 50% 30%,#111 0%,#0c0c0f 45%,#09090b 100%);z-index:99999;display:none}
.gourcefx-overlay.active{display:block}
.gourcefx-canvas{position:absolute;inset:0;width:100%;height:100%}
.gourcefx-close{position:absolute;top:12px;right:12px;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(20,20,24,.7);backdrop-filter:saturate(140%) blur(6px);color:#fff;font:600 12px/1 system-ui;cursor:pointer}
.gourcefx-hint{position:absolute;left:12px;bottom:12px;color:#aaa;font:500 12px/1.4 system-ui;background:rgba(20,20,24,.55);border:1px solid rgba(255,255,255,.12);padding:.4rem .6rem;border-radius:10px}

/* dark/light compatibility */
@media (prefers-color-scheme: light){
  .gourcefx-btn{background:linear-gradient(180deg,#fafafa,#ececec)}
}

